/* 模态框 | Modal */
div.modal {
    display: flex;
    background-color: rgb(51, 51, 51, .45);
    pointer-events: none;
    opacity: 0;
    transition: .6s
}
div.modal * {pointer-events: inherit}
div.modal-active { /* 模态框启用状态 */
    pointer-events: auto;
    opacity: 1
}

div.modal-dialog {min-width: 200px}
div.modal-content {
    border-radius: .4rem;
    color: var(--default-text-cl);
    background-color: var(--modal-bg-cl)
}
div.modal-header {
    padding: .5rem .8rem;
    background-color: var(--modal-header-bg);
}
div.modal-body {padding: .5rem .8rem 1rem}
.modal-title {
    height: 2rem;
    user-select: none
}
/* 选择选项 */
#selector div.item {
    padding: 0 .4rem;
    user-select: none;
    cursor: pointer;
    transition: .2s
}
#selector div.item:not(:last-child) {margin-bottom: .4rem}
#selector div.item:hover {
    color: white;
    background-color: #333;
    border-color: white;
}
#selector div.item:active {
    color: white;
    background-color: #666
}
